<template>
  <div>
<h2>{{ counter.num }}</h2>
<h2>{{ message}}</h2>
<button @click="add">+1</button>
  </div>
</template>

<script>
// import { reactive } from 'vue'
import {h,ref } from 'vue'

export default {
  props:{  //接受父组件给的值的
    msg:{
      type:String,
      required:true
    }
  },
  setup(){
const count=ref(0)
return () =>h('div',count.value)
  }

  // setup (props) {
  //   let counter=reactive({num:1})
  //   let message=props.msg+'world'

  //   const add=()=>{
  //     counter.num++
    
  //   }
  //   return {
  //     counter,
  //     message,
  //     add
  //   }
  // }
}
</script>

<style  scoped>

</style>